<template>
	<view>
		<uni-popup ref="popup1" type="center" :animation="false">
			<view class="cert_in">
				<view class="top_img">
					<image :src="HTTP_REQUEST_URL + '/unimg/cert_in.png'"  mode="aspectFill"></image>
				</view>
				<view class="btn_box flex_sb">
					<view class="btn_class" @click="closeHandle">
						稍后再买
					</view>
					<view class="btn_class btn2" @click="goInCert">
						立即认证
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import {HTTP_REQUEST_URL} from "@/config/app.js"
	export default {
		data() {
			return {
			HTTP_REQUEST_URL
			}
		},
		methods: {
			closeHandle() {
				this.$refs.popup1.close()
			},
			openHandle() {
				// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
				this.$refs.popup1.open('center')
			},
			goInCert() {
				this.$util.JumpPath('/pages/new_page/cert/enterpriseCert')
				this.closeHandle()
			},
		}
	}
</script>

<style lang="scss" scoped>
	.cert_in {
		border-radius: 20rpx;
		background: #FFFFFF;
		width: 660rpx;

		.btn_box {
			font-size: 28rpx;
			padding: 0 80rpx;
			padding-bottom: 50rpx;

			.btn_class {
				border-radius: 10rpx;
				width: 223rpx;
				height: 80rpx;
				text-align: center;
				line-height: 80rpx;
				border: 1rpx solid #000000;
				color: var(--view-theme);
			}

			.btn2 {
				color: #fff;
				background: var(--view-theme);
			}

		}

		.top_img {
			width: 660rpx;
			height: 660rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>